<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>找房无忧-详情</title>
    <link rel="stylesheet" href="./找房无忧.css/模板.css">
    <script src="./找房无忧,js/找房无忧-首页.js"></script>
    <link rel="stylesheet" href="./找房无忧.css/swiper-bundle.css">
    <link rel="stylesheet" href="./找房无忧.css/找房无忧-详情.min.css">
    <script src="./找房无忧,js/swiper-bundle.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header>
        <img src="./imgs/index/logo.jpg" class="logo">
        <img src="./imgs/index/my.jpg" class="my">
        <img src="./imgs/index/xiazai.jpg" class="xiazai">
    </header>
    <!-- 主体 -->
    <main>
        <div class="swiper lunbo">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./imgs/SecondHandList/img.png">
                </div>
                <div class="swiper-slide">
                    <img src="./imgs/rentalList/banner.png">
                </div>
                <div class="swiper-slide">
                    <img src="./imgs/SecondHandList/img.png">
                </div>
                <div class="swiper-slide">
                    <img src="./imgs/rentalList/banner.png">
                </div>
                <div class="swiper-slide">
                    <img src="./imgs/SecondHandList/img.png">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <h1 class="title-1">天鹅湖小区精装两居，满五唯一，业主换房急售</h1>
        <p class="price">
            <span><span class="number">576 </span>万元（单价：46327元/平）</span>
            <img src="./imgs/SecondHandList/phone.png">
        </p>
        <p class="time">挂牌时间2015年6月20日</p>
        <p class="home">
            <span>学区房</span>
            <span>独家</span>
            <span>满五唯一</span>
        </p>
        <div class="color"></div>
        <ul class="list">
            <li>
                <span>户型：3室2厅</span>
                <span>面积：100平</span>
            </li>
            <li>
                <span>楼层：中楼层</span>
                <span>朝向：西南</span>
            </li>
            <li>
                <span>装修：精装</span>
                <span>楼型：塔楼</span>
            </li>
            <li>
                <span>年代：2004年</span>
                <span>区域：西二旗</span>
            </li>
            <li>
                <span>首付：123万</span>
                <span>月供：15683元</span>
            </li>
            <li>地铁：离西二旗地铁站800米</li>
            <li>小区：珠江帝景</li>
            <li>学校：北京市第二实验小学</li>
        </ul>
        <div class="more">更多房源信息</div>
        <div class="color"></div>
        <div class="feature">
            <h3>房源特色</h3>
            <div class="text">
                小区环境优雅，随处闹市中（小区南200米有美廉美超市、西30米有华联商场、星美国际影城、东北角就是大中电器、小区东100米有汇佳幼儿园、昌平实验一小、昆泰国际大酒...）
            </div>
            <div class="more">更多特色</div>
        </div>
        <div class="color"></div>
        <div class="apartment">
            <h3>户型分间</h3>
            <div class="box">
                <img src="./imgs/SecondHandList/img4.png">
                <div class="text">
                    <p class="p1">当前格局</p>
                    <p class="p2">分间信息：客厅25平米，南北通透</p>
                    <p class="p3">
                        <span>南北通透</span>
                        <span>全明格局</span>
                    </p>
                </div>
            </div>
            <div class="box box1">
                <img src="./imgs/SecondHandList/img4.png">
                <div class="text">
                    <p class="p1">当前格局</p>
                    <p class="p2">分间信息：客厅25平米，南北通透</p>
                    <p class="p3">
                        <span>南北通透</span>
                        <span>全明格局</span>
                    </p>
                </div>
            </div>
        </div>
        <div class="color"></div>
        <ul class="school">
            <h3>对口学校</h3>
            <li><span>学校名称：</span>北京市第二实验小学</li>
            <li><span>升学方式：</span>直升、派位</li>
            <li><span>对口中学：</span>团结湖中学</li>
            <li><span>划片小区：</span>3个画片小区 在售房源150套</li>
            <li><span>学校特色：</span>包食宿、有校车</li>
        </ul>
        <div class="more">查看学校详情</div>
        <div class="color"></div>
        <div class="address">
            <h3>位置及周边</h3>
            <img src="./imgs/SecondHandList/map.png">
        </div>
        <div class="color"></div>
        <div class="recommend">
            <h3>推荐房源</h3>
            <div>
                <div class="big-box">
                    <img src="./imgs/SecondHandList/img6.png">
                    <div class="small-box">
                        <h4>文化部中间层一层带...</h4>
                        <p>
                            <span>2室1厅96㎡南北</span>
                            <span class="span-1">1105万</span>
                        </p>
                        <p>
                            <span>红庙北里</span>
                            <span>14268元/平</span>
                        </p>
                        <p>
                            <span class="span">学区房</span>
                        </p>
                    </div>
                </div>
                <div class="bubble-1">
                    <div class="triangle"></div>
                    <div class="bubble">
                        推荐理由：同户型、通风好、采光好
                    </div>
                </div>
            </div>
            <div>
                <div class="big-box">
                    <img src="./imgs/SecondHandList/img6.png">
                    <div class="small-box">
                        <h4>文化部中间层一层带...</h4>
                        <p>
                            <span>2室1厅96㎡南北</span>
                            <span class="span-1">1105万</span>
                        </p>
                        <p>
                            <span>红庙北里</span>
                            <span>14268元/平</span>
                        </p>
                        <p>
                            <span class="span">学区房</span>
                        </p>
                    </div>
                </div>
                <div class="bubble-1">
                    <div class="triangle"></div>
                    <div class="bubble">
                        推荐理由：同户型、通风好、采光好
                    </div>
                </div>
            </div>
            <div>
                <div class="big-box">
                    <img src="./imgs/SecondHandList/img6.png">
                    <div class="small-box">
                        <h4>文化部中间层一层带...</h4>
                        <p>
                            <span>2室1厅96㎡南北</span>
                            <span class="span-1">1105万</span>
                        </p>
                        <p>
                            <span>红庙北里</span>
                            <span>14268元/平</span>
                        </p>
                        <p>
                            <span class="span">学区房</span>
                        </p>
                    </div>
                </div>
                <div class="bubble-1">
                    <div class="triangle"></div>
                    <div class="bubble">
                        推荐理由：同户型、通风好、采光好
                    </div>
                </div>
            </div>
            <div>
                <div class="big-box">
                    <img src="./imgs/SecondHandList/img6.png">
                    <div class="small-box">
                        <h4>文化部中间层一层带...</h4>
                        <p>
                            <span>2室1厅96㎡南北</span>
                            <span class="span-1">1105万</span>
                        </p>
                        <p>
                            <span>红庙北里</span>
                            <span>14268元/平</span>
                        </p>
                        <p>
                            <span class="span">学区房</span>
                        </p>
                    </div>
                </div>
                <div class="bubble-1">
                    <div class="triangle"></div>
                    <div class="bubble">
                        推荐理由：同户型、通风好、采光好
                    </div>
                </div>
            </div>
            <div>
                <div class="big-box">
                    <img src="./imgs/SecondHandList/img6.png">
                    <div class="small-box">
                        <h4>文化部中间层一层带...</h4>
                        <p>
                            <span>2室1厅96㎡南北</span>
                            <span class="span-1">1105万</span>
                        </p>
                        <p>
                            <span>红庙北里</span>
                            <span>14268元/平</span>
                        </p>
                        <p>
                            <span class="span">学区房</span>
                        </p>
                    </div>
                </div>
                <div class="bubble-1">
                    <div class="triangle"></div>
                    <div class="bubble">
                        推荐理由：同户型、通风好、采光好
                    </div>
                </div>
            </div>
        </div>
    </main>
    <!-- 底部 -->
    <footer>
        <div class="footer-top">
            北京找房无忧 > 首页
        </div>
        <div class="footer-center">
            <div class="left">
                <img src="./imgs/index/apple.png">
                <p>
                    iPhone <br> 客户端
                </p>
            </div>
            <div class="right">
                <img src="./imgs/index/android.png">
                <p>
                    Android <br> 客户端
                </p>
            </div>
        </div>
        <div class="footer-bottom">
            <p>北京找房无忧房地产经纪公司</p>
            <p>网络经营许可证京ICP备20160812号</p>
        </div>
    </footer>
    <div class="bottom-call">
        <div class="left">
            <img src="./imgs/SecondHandList/user.png">
            <span>联系经纪人</span>
        </div>
        <img class="img" src="./imgs/SecondHandList/xin.png">
        <span class="span">关注</span>
    </div>
</body>

</html>
<script>        
    var mySwiper = new Swiper ('.swiper', {
        autoplay:true,
        loop: true, // 循环模式选项
      
      // 如果需要分页器
      pagination: {
        el: '.swiper-pagination',
        type:'fraction',
      },
      
      // 如果需要前进后退按钮
    //   navigation: {
    //     nextEl: '.swiper-button-next',
    //     prevEl: '.swiper-button-prev',
    //   },
      
      // 如果需要滚动条
    //   scrollbar: {
        // el: '.swiper-scrollbar',
    //   },
    })        
    </script>